﻿<!DOCTYPE>
<html>
	<head>
		 <script src="../da/da_source_1.3.5.js" ></script>
		 <script src="../daFx/daFx_source.js" ></script>
		 <script src="../daDrag/daDrag_source.js" ></script>
		 <script src="../daWheel/daWheel_source.js" ></script>
		 
		 <link href="../daFrame/daFrame.css" rel="stylesheet" />
		 <script src="../daFrame/daFrame_source.js" ></script>
		 
		 
		 <link href="daList.css" rel="stylesheet" />
		 <script src="daList_source.js" ></script>
		 <script>
		 	var list1;
		 	
		 	da(function(){
			 	list1 = daList({
					target: "#ppv2",
					list: {
							"小王2":"001",
							"小裂痕1": "002",
							"小裂痕2":"003",
							"小裂痕3":"004",
							"小裂痕4":"004",
							"小裂痕5":"004",
							"小裂痕6":"004",
							"小裂痕7":"004",
							"小裂痕8":"004",
							"小裂痕9":"004",
							"小裂痕10":"004",
							"小小":"011"
						}
						//{压力测试1: 1,压力测试2: 2,压力测试3: 3,压力测试4: 4,压力测试5: 5,压力测试6: 6,压力测试7: 7,压力测试8: 8,压力测试9: 9,压力测试10: 10,压力测试11: 11,压力测试12: 12,压力测试13: 13,压力测试14: 14,压力测试15: 15,压力测试16: 16,压力测试17: 17,压力测试18: 18,压力测试19: 19,压力测试20: 20,压力测试21: 21,压力测试22: 22,压力测试23: 23,压力测试24: 24,压力测试25: 25,压力测试26: 26,压力测试27: 27,压力测试28: 28,压力测试29: 29,压力测试30: 30,压力测试31: 31,压力测试32: 32,压力测试33: 33,压力测试34: 34,压力测试35: 35,压力测试36: 36,压力测试37: 37,压力测试38: 38,压力测试39: 39,压力测试40: 40,压力测试41: 41,压力测试42: 42,压力测试43: 43,压力测试44: 44,压力测试45: 45,压力测试46: 46,压力测试47: 47,压力测试48: 48,压力测试49: 49,压力测试50: 50,压力测试51: 51,压力测试52: 52,压力测试53: 53,压力测试54: 54,压力测试55: 55,压力测试56: 56,压力测试57: 57,压力测试58: 58,压力测试59: 59,压力测试60: 60,压力测试61: 61,压力测试62: 62,压力测试63: 63,压力测试64: 64,压力测试65: 65,压力测试66: 66,压力测试67: 67,压力测试68: 68,压力测试69: 69,压力测试70: 70,压力测试71: 71,压力测试72: 72,压力测试73: 73,压力测试74: 74,压力测试75: 75,压力测试76: 76,压力测试77: 77,压力测试78: 78,压力测试79: 79,压力测试80: 80,压力测试81: 81,压力测试82: 82,压力测试83: 83,压力测试84: 84,压力测试85: 85,压力测试86: 86,压力测试87: 87,压力测试88: 88,压力测试89: 89,压力测试90: 90,压力测试91: 91,压力测试92: 92,压力测试93: 93,压力测试94: 94,压力测试95: 95,压力测试96: 96,压力测试97: 97,压力测试98: 98,压力测试99: 99,压力测试100: 100,压力测试101: 101,压力测试102: 102,压力测试103: 103,压力测试104: 104,压力测试105: 105,压力测试106: 106,压力测试107: 107,压力测试108: 108,压力测试109: 109,压力测试110: 110,压力测试111: 111,压力测试112: 112,压力测试113: 113,压力测试114: 114,压力测试115: 115,压力测试116: 116,压力测试117: 117,压力测试118: 118,压力测试119: 119,压力测试120: 120,压力测试121: 121,压力测试122: 122,压力测试123: 123,压力测试124: 124,压力测试125: 125,压力测试126: 126,压力测试127: 127,压力测试128: 128,压力测试129: 129,压力测试130: 130,压力测试131: 131,压力测试132: 132,压力测试133: 133,压力测试134: 134,压力测试135: 135,压力测试136: 136,压力测试137: 137,压力测试138: 138,压力测试139: 139,压力测试140: 140,压力测试141: 141,压力测试142: 142,压力测试143: 143,压力测试144: 144,压力测试145: 145,压力测试146: 146,压力测试147: 147,压力测试148: 148,压力测试149: 149,压力测试150: 150,压力测试151: 151,压力测试152: 152,压力测试153: 153,压力测试154: 154,压力测试155: 155,压力测试156: 156,压力测试157: 157,压力测试158: 158,压力测试159: 159,压力测试160: 160,压力测试161: 161,压力测试162: 162,压力测试163: 163,压力测试164: 164,压力测试165: 165,压力测试166: 166,压力测试167: 167,压力测试168: 168,压力测试169: 169,压力测试170: 170,压力测试171: 171,压力测试172: 172,压力测试173: 173,压力测试174: 174,压力测试175: 175,压力测试176: 176,压力测试177: 177,压力测试178: 178,压力测试179: 179,压力测试180: 180,压力测试181: 181,压力测试182: 182,压力测试183: 183,压力测试184: 184,压力测试185: 185,压力测试186: 186,压力测试187: 187,压力测试188: 188,压力测试189: 189,压力测试190: 190,压力测试191: 191,压力测试192: 192,压力测试193: 193,压力测试194: 194,压力测试195: 195,压力测试196: 196,压力测试197: 197,压力测试198: 198,压力测试199: 199,压力测试200: 200,压力测试201: 201,压力测试202: 202,压力测试203: 203,压力测试204: 204,压力测试205: 205,压力测试206: 206,压力测试207: 207,压力测试208: 208,压力测试209: 209,压力测试210: 210,压力测试211: 211,压力测试212: 212,压力测试213: 213,压力测试214: 214,压力测试215: 215,压力测试216: 216,压力测试217: 217,压力测试218: 218,压力测试219: 219,压力测试220: 220,压力测试221: 221,压力测试222: 222,压力测试223: 223,压力测试224: 224,压力测试225: 225,压力测试226: 226,压力测试227: 227,压力测试228: 228,压力测试229: 229,压力测试230: 230,压力测试231: 231,压力测试232: 232,压力测试233: 233,压力测试234: 234,压力测试235: 235,压力测试236: 236,压力测试237: 237,压力测试238: 238,压力测试239: 239,压力测试240: 240,压力测试241: 241,压力测试242: 242,压力测试243: 243,压力测试244: 244,压力测试245: 245,压力测试246: 246,压力测试247: 247,压力测试248: 248,压力测试249: 249,压力测试250: 250,压力测试251: 251,压力测试252: 252,压力测试253: 253,压力测试495: 495,压力测试496: 496,压力测试497: 497,压力测试498: 498,压力测试499: 499,压力测试500: 500,压力测试501: 501,压力测试502: 502,压力测试503: 503,压力测试504: 504,压力测试505: 505,压力测试506: 506,压力测试507: 507,压力测试508: 508,压力测试509: 509,压力测试510: 510,压力测试511: 511,压力测试512: 512,压力测试513: 513,压力测试514: 514,压力测试515: 515,压力测试516: 516,压力测试517: 517,压力测试518: 518,压力测试519: 519,压力测试520: 520,压力测试521: 521,压力测试522: 522,压力测试523: 523,压力测试524: 524,压力测试525: 525,压力测试526: 526,压力测试527: 527,压力测试528: 528,压力测试529: 529,压力测试530: 530,压力测试531: 531,压力测试532: 532,压力测试533: 533,压力测试534: 534,压力测试535: 535,压力测试536: 536,压力测试537: 537,压力测试538: 538,压力测试539: 539,压力测试540: 540,压力测试541: 541,压力测试542: 542,压力测试543: 543,压力测试544: 544,压力测试545: 545,压力测试546: 546,压力测试547: 547,压力测试548: 548,压力测试549: 549,压力测试550: 550,压力测试551: 551,压力测试552: 552,压力测试553: 553,压力测试554: 554,压力测试555: 555,压力测试556: 556,压力测试557: 557,压力测试558: 558,压力测试559: 559,压力测试560: 560,压力测试561: 561,压力测试562: 562,压力测试563: 563,压力测试564: 564,压力测试565: 565,压力测试566: 566,压力测试567: 567,压力测试568: 568,压力测试569: 569,压力测试570: 570,压力测试571: 571,压力测试572: 572,压力测试573: 573,压力测试574: 574,压力测试575: 575,压力测试576: 576,压力测试577: 577,压力测试578: 578,压力测试579: 579,压力测试580: 580,压力测试581: 581,压力测试582: 582,压力测试583: 583,压力测试584: 584,压力测试585: 585,压力测试586: 586,压力测试587: 587,压力测试588: 588,压力测试589: 589,压力测试590: 590,压力测试591: 591,压力测试592: 592,压力测试593: 593,压力测试594: 594,压力测试595: 595,压力测试596: 596,压力测试597: 597,压力测试598: 598,压力测试599: 599,压力测试600: 600}
			 	});
			 	
			 	createList();
			 	removeList();
		 	});

			//内存泄露测试
			var arrList = [];
			function createList(){
				for( var i=0; i<10; i++){
					arrList[i] = daList({
						target: "#memoryTest",
						list: {
							"小王2":"001",
							"小裂痕1": "002",
							"小裂痕2":"003",
							"小裂痕3":"004",
							"小小":"011"
						},
						click: function( res ){
							alert( res.text )
						}
				 	});
				}
			}
			
			function removeList(){
				for( var i=0; i<10; i++){
					arrList[i].remove();
					arrList[i] = null;
				}
			}

		 	function setList(){
		 		var l = {
						"小王2": "001",
						"小裂痕1": "002",
						"小裂痕2": "003",
						"小裂痕3": "003",
						"小裂痕4": "004",
						"小裂痕5": "005",
						"小裂痕3": "005",
						"小裂痕45": "005",
						"小裂痕25": "005",
						"小裂痕225": "005",
						"小裂痕235": "005",
						"小裂痕254": "005",
						"小裂痕255": "005",
						"小裂痕6": "006",
						"小裂痕7": "003",
						"小裂痕8": "004",
						"小小": "011"
				};
				
		 		list1.setList( l );
					
		 	}
		 	
		 	
		 </script>
	</head>	
	
	<body>
		<h3>daList列表类测试页面</h3>

		<input type="button" style="width:150px;height:24px;" value="创建下拉" onclick="createList()" />&nbsp;
		<input type="button" style="width:150px;height:24px;" value="移除下拉" onclick="removeList()" />( 内存泄露测试 )
		<br/>
		<div id="memoryTest" ></div>
		<br/><br/>
		
		<table border="1px" style="border: 1px solid #ddd;width:800px;height:300px;" cellspacing="0" cellpadding="3">
			<tr>
				<td>&nbsp;</td>
				<td id="memoryTest">&nbsp;</td>
				<td>&nbsp;</td>
			</tr>
			<tr>
				<td>&nbsp;</td>
				<td id="ppv1" >123123</td>
				<td>&nbsp;</td>
			</tr>
			<tr>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
				<td id="ppv2">321321</td>
			</tr>
		</table>
		<input type="button" value="加载list" onclick="setList()" /><br/><br/>
		<input type="button" value="设置value" onclick="list1.value('002')" />
		<input type="button" value="设置text" onclick="list1.text('小裂痕3')" />
		<input type="button" value="设置index" onclick="list1.index('0')" /><br/><br/>
		<input type="button" value="获取value" onclick="alert( list1.value() )" />
		<input type="button" value="获取text" onclick="alert( list1.text() )" />
		<input type="button" value="获取index" onclick="alert( list1.index() )" /><br/><br/>
		<input type="button" value="上一个" onclick="list1.prev()" />
		<input type="button" value="下一个" onclick="list1.next()" /><br/><br/>
		<input type="button" value="设置位置" onclick="list1.setPos(100,100)" />
		<input type="button" value="隐藏" onclick="list1.hide()" />
		<input type="button" value="显示" onclick="list1.show()" />
	</body>


</html>